<x-layout>


  <!---->
  <div class="m-wrap g-ld invite-box">
    <div class="m-box">

      <div class="m-c wow fadeInUp">
        <div class="invite-logo" style="margin: 0% auto; padding: 5%;">
          <img src="./img1/logo.png" alt="" style="width: 20%;">
        </div>
        <div class="invite-mgf" style="padding: 2%;">
          <img src="./img1/invite-mgf.png" alt="" style="width:50%">
        </div>

        <div class="invite-level" style="margin-top: 20px;">
          <div class="f-box f-line">
            <div class="item lp-logo">
              <img src="./img1/l525.png" alt="" class="lp-logo-icon">
              <span class="lp-logo-circle">
                <img src="./img1/logo003.png" alt="" class="lp-logo-circle-img">
              </span>
            </div>
            <div class="item tc" style="line-height: 40px;">MGCC-TRX</div>
          </div>
          <div class="f-box f-line" style="padding:10px 0;">
            <div class="item">赚取</div>
            <div class="item tc">MGCC</div>
          </div>
          <div class="f-box f-line" style="padding: 10px 0;">
            <div class="item">
              <label for="" class="mgcc-zq cd7a93c">MGCC赚取</label>
              <input type="text" class="mgcc-zq-input" placeholder="0">
            </div>
            <div class="item tc">
              <button type="button" class="mgcc-zq-btn">提取</button>
            </div>
          </div>
          <div class="f-box">
            <div class="item">
              <button class="mgcc-zq-sq">授权</button>
            </div>
          </div>
        </div>

        <div class="lp-record">
          <h4>明细</h4>
          <div class="f-box lp-record-data">

            <!-- 暂无记录 -->
            <div class="nodata">
              <img src="./img1/nodata.png" alt="">
              <div>暂无记录</div>
            </div>

            <!-- 有记录 -->
            <table class="lp-table">
              <tr>
                <td>11111</td>
                <td>11111</td>
                <td>11111</td>
              </tr>
              <tr>
                <td>2222222222</td>
                <td>2222222222</td>
                <td>2222222222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
              <tr>
                <td>444444222</td>
                <td>444444222</td>
                <td>444444222</td>
              </tr>
            </table>
          </div>
        </div>


      </div>
    </div>
  </div>

</x-layout>

<script>
</script>
